﻿/* 
	Classy yet somehow fancy
	table style created by Radu Bilei
	for Chris Heilmann's CSS Table Gallery
	http://twitter.com/radubilei
	http://icant.co.uk/csstablegallery
*/
/*
table,th,td	{	border:none;  border-collapse:collapse; font-family:corbel,'helvetica neue','trebuchet ms',arial,helvetica,sans-serif; font-size:1em; line-height:1.5em}
table		{	background:black; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.3); -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.3); width:80%;}
caption		{	text-align:left; text-transform:uppercase; font-size:150%; font-weight:bold; padding:1.5em 0; color:black}

thead, 
tfoot			{	color:white; }

thead th				{	padding:0.5em 1em; text-transform:uppercase; text-align:left; }
thead th:first-child	{	width:10em; text-align:right; }

tbody td,
tbody th				{	font-size:100%; padding:0.5em 1em; background-color:#e5e5e5; vertical-align:top}
tbody th				{	color:#222;	text-align:right; background-image:url(images/tabel.png); background-repeat:repeat-y; border-right:1px solid #ccc}
tbody td:last-child		{	border-right:1px solid black}

tbody tr.odd th, 
tbody tr.odd td			{	background-color:#eee; color:#222}

tfoot td,
tfoot th				{	border:none; padding:0.5em 1em 2em; font-size:130%}
tfoot th				{	text-align:right}

table a:link	{	line-height:1em; color:black; display:inline-block; padding:3px 7px; margin:-3px -7px}
table a:visited	{	color:#555}
table a:hover	{	text-decoration:none; background:black; color:white; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}

::-moz-selection{	background:#202020; color:white}
::selection		{	background:#202020; color:white}

thead ::-moz-selection, 
tfoot ::-moz-selection	{	background:white; color:#202020}
thead ::selection, 
tfoot ::selection		{	background:white; color:#202020}
*/
/* test */
table.detail_list,table.detail_list th,table.detail_list td	{	border:none;  border-collapse:collapse; font-family:corbel,'helvetica neue','trebuchet ms',arial,helvetica,sans-serif; font-size:1em; line-height:1.5em}
table.detail_list		{	background:black; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.3); -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.3); width:100%; text-align:left}
table.detail_list caption		{	text-align:left; text-transform:uppercase; font-size:150%; font-weight:bold; padding:1.5em 0; color:black}

table.detail_list thead, 
table.detail_list tfoot			{	color:white; }

table.detail_list thead th				{	padding:0.5em 1em; text-transform:uppercase; text-align:left; }
table.detail_list thead th:first-child	{	width:10em; text-align:right; }

table.detail_list tbody td,
table.detail_list tbody th				{	font-size:100%; padding:0.5em 1em; background-color:#e5e5e5; vertical-align:top}
table.detail_list tbody th				{	color:#222;	text-align:right; background-image:url(images/tabel.png); background-repeat:repeat-y; border-right:1px solid #ccc}
table.detail_list tbody td:last-child		{	border-right:1px solid black}

table.detail_list tbody tr.odd th, 
table.detail_list tbody tr.odd td			{	background-color:#eee; color:#222}

table.detail_list tfoot td,
table.detail_list tfoot th				{	border:none; padding:0.5em 1em 2em; font-size:130%}
table.detail_list tfoot th				{	text-align:right}

table.detail_list a:link	{	line-height:1em; color:black; display:inline-block; padding:3px 7px; margin:-3px -7px}
table.detail_list  a:visited	{	color:#555}
table.detail_list  a:hover	{	text-decoration:none; background:black; color:white; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}

table.detail_list ::-moz-selection{	background:#202020; color:white}
table.detail_list ::selection		{	background:#202020; color:white}

table.detail_list thead ::-moz-selection, 
table.detail_list tfoot ::-moz-selection	{	background:white; color:#202020}
table.detail_list thead ::selection, 
table.detail_list tfoot ::selection		{	background:white; color:#202020}

/****************************************************************/

.cross_table
{
	border:solid 1px #000;
}
.cross_table tr
{
	border:solid 1px #000;
}
.cross_table tr.alternating
{
	background-color:#DDDDDD;
}

.cross_table td
{
	border:solid 1px #000;
	width:100px;
}
.cross_table td.logo
{
	border:solid 1px #000;
	width:100px;
	vertical-align:bottom;
	text-align:center;
	height:75px;
	background-image:url(images/gray_redo.png);
	background-repeat:no-repeat;
	background-position:center;
}
.cross_table td.label
{
	background-color:#EEEEEE;
}
.cross_table td.empty
{
	background-color:#00ffff;
}

.cross_table th
{
	border:solid 1px #000;
	width:100px;
	background-color:#EEEEEE;
}

/****************************************************************/

table.form_table
{
	background-color:#e5e5e5;
	border:solid 1px #EEE;
	width:100%;
}
table.form_table td
{
	text-align:left;
}
